<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <script src="/lib/requirejs/require.js" data-main="/js/register"></script>
    <title>用户注册</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
            text-decoration: none;
            list-style: none;
        }
        body, html{background: #f5f5f5;}

        .container{
            width: 850px;
            margin: 0 auto;
            margin-top: 60px;
             background: #fff;
             padding-bottom: 80px;
             margin-bottom: 40px;
             
        }
        .container img{
            /*margin-left:50px;
            margin-top:50px;*/
            position: absolute;
            top:86px;
            left:557px;
        }
        .container p{
            text-align: center;
            /*margin-top: 50px;*/
            margin-bottom: -46px;
            color: #e8380d;
            font-size: 18px;
            line-height: 160px;
            
        }
        .container form{
            margin: 0 auto;
            width: 360px;
            height: 370px;
        
            
        }
        .container input{
            line-height: 20px;
            margin: 15px;
            width: 360px;
            height: 49px;
        }
        .container input:last-child{
            background: #E8380D;
            color: white;
        }
        .container span{
            position: absolute;
            color: black;
            font-size: 12px;
            top:420px;
            right: 520px;          
        }
       .container span:last-child{
             position: absolute;
            color: black;
            font-size: 12px;
            top:350px;
            right: 577px;    
       }
        .container span a{
             color:#E8380D ;
        }
        .container p:last-child{
            float: left;
            height: 30px;
        }
         .container #check{
             position: absolute;
             height: 12px;
             width: 14px;
             left: 454px;
             top: 411px;
         }
          .container input:last-child{
            margin-top:100px;
          }
          .container #log{
             position: absolute;
            color: black;
            font-size: 14px;
            top:543px;
            right: 435px; 
          }
           .bb{

            font-size: 12px;
            color:black;
            opacity: .5;
            margin:0 auto;
            text-align: center;
           }
           .container .btn-register{
            position: absolute;
            top:450px;
            left: 450px;
            background:#E8380D;
           }
    </style>
</head>
<body>

    <div class="container">
            <p>努比亚账号登录</p>
            <img src="../img/logo.png"/>
            <form class="reg-form" >
                <input type="text" name="username" placeholder="邮箱/手机号码/用户名" />
                <input type="password" name="password" placeholder="密码为6-16个字符（数字、字母、符号至少包含2个）"/>
                 <input type="text" name="phone"  placeholder="请输入电话" />
                 <input type="checkbox" id="check" checked="cheacked">
                 <p><span>我已阅读并接受<a href="#">用户协议</a>和<a href="#">隐私政策</a></span></p>
                
            </form>
            <input class="btn-register" type="submit" value="注册"/>
           <span id="log">已有账号,<a href="/html/login.html">直接登录</a></span>
           
        </div>
     <div class="bb">2012-2018 努比亚 版权所有 粤ICP备10006213号-2 ICP经营许可证编号：粤B2-20120688深圳市市场监督管理局企业主体身份公示 努比亚技术有限公司
     </div>
</body>
</html>
